/* body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #333;
    color: #fff;
    margin: 0;
    font-family: monospace;
} */

/* .container {
    text-align: center;
} */

.typing-animation {
    display: inline;
    position: relative;
    /* color: white; */
    font-size: 2.5em; /* Font size similar to h1 */
    font-weight: bold; /* Font weight similar to h1 */
}

.cursor {
    display: inline-block;
    animation: blink 0.75s step-start infinite;
    font-weight: lighter;
    position: absolute;
    font-size: 39px;
    color: white;
    /* font-weight: bold; */
    right: -1px;
    top: 0px;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.07; }
}

.typing-animation span {
    display: inline;
}